<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Dropdown 下拉菜单</title>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <!-- 引入ElementUI组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
    <div id="app">
        <el-dropdown split-button type="primary">
         默认尺寸
         <el-dropdown-menu slot="dropdown">
             <el-dropdown-item>董国庆</el-dropdown-item>
             <el-dropdown-item>龙奇伟</el-dropdown-item>
             <el-dropdown-item>马文庆</el-dropdown-item>
             <el-dropdown-item>张文杰</el-dropdown-item>
         </el-dropdown-menu>
        </el-dropdown>

        <el-dropdown size="medium" split-button type="primary">
            中等尺寸
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>董国庆</el-dropdown-item>
                <el-dropdown-item>龙奇伟</el-dropdown-item>
                <el-dropdown-item>马文庆</el-dropdown-item>
                <el-dropdown-item>张文杰</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>

        <el-dropdown size="small" split-button type="primary">
            小型尺寸
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>董国庆</el-dropdown-item>
                <el-dropdown-item>龙奇伟</el-dropdown-item>
                <el-dropdown-item>马文庆</el-dropdown-item>
                <el-dropdown-item>张文杰</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>

        <el-dropdown size="mini" split-button type="primary">
            超小尺寸
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>董国庆</el-dropdown-item>
                <el-dropdown-item>龙奇伟</el-dropdown-item>
                <el-dropdown-item>马文庆</el-dropdown-item>
                <el-dropdown-item>张文杰</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
    </div>
    <!--创建Vue-->
    <script>
        new Vue({
            el:"#app"
        })

    </script>

</body>
</html>